<div class="dashboard-wrapper">
    <div class="left-sidebar" style="margin-right: 0px;">

        <div class="row-fluid">
            <div class="span12">
                <div class="widget">
                    <div class="widget-header">
                        <div class="title">
                            Chức năng phân quyền
                        </div>

                    </div>
                    <div class="widget-body">

                        <form class="form-horizontal no-margin">

                            <div class="control-group">
                                <label for="name" class="control-label">
                                    Tên đăng nhập
                                </label>
                                <div class="controls">
                                    <input value="nguyenvan" readonly="" type="text" placeholder="Nhập vào tên đăng nhập..." class="span6" id="email1" name="address">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">
                                    Quyền cao nhất
                                </label>
                                <div class="controls">
                                    <input type="checkbox" placeholder="" value="1">

                                </div>
                            </div>

                            <div class="control-group">
                                <label for="country" class="control-label">
                                    Nhóm chức năng
                                </label>
                                <div class="controls">
                                    <select id='pre-selected-options' multiple='multiple'>
                                        <option value='Dự Án' selected>Dự Án</option>
                                        <option value='Nhà Cung Cấp'>Nhà Cung Cấp</option>
                                        <option value='Vật Tư'>Vật Tư</option>
                                        <option value='Xuất Kho' selected>Xuất Kho</option>

                                        <option value='Nhập Kho'>Nhập Kho</option>
                                        <option value='Báo Cáo'>Báo Cáo</option>
                                        <option value='Lịch Biểu'>Lịch Biểu</option>
                                    </select>
                                </div>
                            </div> 

                            
                            <div class="control-group">
                                <label for="country" class="control-label">
                                    Quyền thao tác
                                </label>
                                <div class="controls">
                                    <select id='selected-options' multiple='multiple'>
                                        <option value='Tất cả các quyền' selected>Tất cả các quyền</option>
                                        <option value='Quyền xem'>Quyền xem</option>
                                        <option value='Quyền xoá'>Quyền xoá</option>
                                        <option value='Quyền sữa' selected>Quyền sữa</option>

                                        <option value='Quyền thêm'>Quyền thêm</option>

                                    </select>
                                </div>
                            </div>
                            <div class="form-actions no-margin">

                                <button style="margin-left: 5px;" class="btn btn-info pull-right" type="submit">
                                    Sửa
                                </button>

                                <a href="<?= URL::base() ?>admin/phan-quyen.html" class="btn btn-info pull-right" type="submit">
                                    Trở lại
                                </a>
                                <div class="clearfix">
                                </div>
                            </div>

                        </form>

                    </div>
                </div>
            </div>

        </div>
            
    </div>

</div>
<script>

    $('#pre-selected-options').multiSelect({
        selectableHeader: "<div class='widget-header'><strong>Chưa cấp quyền</strong></div>",
        selectionHeader: "<div class='widget-header'><strong>Đã cấp quyền</strong></div>",
    });
    $('#selected-options').multiSelect({
        selectableHeader: "<div class='widget-header'><strong>Chưa cấp quyền</strong></div>",
        selectionHeader: "<div class='widget-header'><strong>Đã cấp quyền</strong></div>",
    });
</script>